<template>
  <div class="wrapper_bZ" :class="type">
    <router-link tag="div" :to="'/'" class="shouye">
        <span class="iconfont icon-shouye"></span>
        <div>首页</div>
    </router-link>
    <div class="zaixian" @click="goPage('http://p.qiao.baidu.com/cps/chat?siteId=13532686&userId=21583846&siteToken=9a4d48153d8c4d7bbf0d13b40ba5c7b1')">在线咨询</div>
    <div class="dianhua"><a :href="'tel:400-600-8728'">电话咨询</a></div>
  </div>
</template>

<script>
export default {
  name: 'CompanyBottom',
  props: {
    type: String
  },
  methods: {
    goPage (url) {
      window.open(url)
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper_bZ
  width 100%
  position fixed
  bottom 0rem /* 0/50 */
  left 0rem /* 0/50 */
  height 1.08rem /* 54/50 */
  z-index 999
  display flex
  background #fff
  border-radius: 10px 10px 0px 0px
  .shouye
    width 1.58rem /* 79/50 */
    height 100%
    text-align center
    padding .16rem /* 8/50 */ 0px
    color #CBCBCB
    font-size .4rem /* 20/50 */
    div
      font-size .2rem /* 10/50 */
  .zaixian,.dianhua
    width 3rem /* 150/50 */
    height .9rem /* 45/50 */
    line-height .8rem
    margin-top .1rem /* 5/50 */
    margin-bottom .1rem /* 5/50 */
    text-align center
    border-radius .46rem /* 23/50 */
    font-size .36rem /* 18/50 */
  .dianhua
    margin-left .32rem /* 16/50 */
    line-height .9rem
.one
  .title_img
    width 100%
    background-image url('../../../assets/img/one/iconbg.png')
  .zaixian
    border 1px solid #B9480A
    color #B9480A
  .dianhua
    background linear-gradient(-90deg, #CE4F09, #B74709)
    box-shadow 1px 2px 5px 0px rgba(185, 72, 10, 0.3)
.two
  .title_img
    width 100%
    background-image url('../../../assets/img/two/iconbg.png')
  .zaixian
    border 1px solid #C3080E
    color #C3080E
  .dianhua
    background linear-gradient(-90deg, #E13238, #EC070F)
    box-shadow 1px 2px 5px 0px rgba(195, 8, 14, 0.3)
.there
  .title_img
    width 100%
    background-image url('../../../assets/img/there/iconbg.png')
  .zaixian
    border 1px solid #085B95
    color #085B95
  .dianhua
    background linear-gradient(-90deg, #0A70B8, #085B95)
    box-shadow 1px 2px 5px 0px rgba(8, 91, 149, 0.3)
</style>
